*{
	margin:0;
	padding:0;
}
ul{ list-style:none;}
a{
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(255,0,0,0);

}
a:link{color:#fff;}
a:visited{color:#fff;}
a:hover{color:#666;}
a:active{color:#fff;}
html{
		font-size:20px;
    }
body{
	color:#fff; 
	font-size:1rem;
	font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
	width:100%;
	height: 100vh;
	background:url(/img/index_bg.png) no-repeat;
	background-size: 100% 100%;
}
.page{
	width:15.4rem;
	height: 96vh;
	border-top: 2vh solid #2C2E29;
	margin-left: .3rem;
	background:rgba(255,255,255,.1);
	background-size: 100% 100%;
}
.page .titleTextBox{
	height: 10vh;
	line-height: 10vh;
	padding-left: 1rem;
	background:rgba(255,255,255,.2);
	margin-bottom: 1.2rem;
	font-size: .8rem;
}
.page >p{
	font-size: .6rem;
	padding-left: 1rem;
	margin-bottom: 1.5rem;
}
.page p img{width:.7rem;}
.page .ConnectBtnBox{
	width:15.4rem;
	position: absolute;
	bottom: 7vh;
	left: 0;
}
.page .ConnectBtnBox > section{
	float: left;
	width: 5rem;
	margin-left: 1.8rem;
	margin-top: 20vh;
	text-align: center;
	font-size: .7rem;
}
.page .ConnectBtnBox section img{
	display: block;
	margin: 0 auto;
	margin-bottom: .5rem;
	width:45%;
}
.hint_bg,.hint_bg2{
    width:16rem;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000000;
    display: none;
    font-size: .8rem;
    color:#666;
}
.hint_box,.hint_box2{
    width: 11rem;
    height: 10rem;
    background: #fff;
    padding: 0 1rem;
    position: absolute;
    text-align: center;
    border-radius: .4rem;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    margin:auto;
}
.hint_bg .hint_box p,.hint_bg2 .hint_box2 p{
    margin-top: 2.5rem;
}
.hint_bg .hint_box section,.hint_bg2 .hint_box2 section{
    width:5rem;
    margin:2rem auto; 
    border:1px solid #ccc;
    padding: .3rem 0;
    border-radius:1rem;
}
